<template>
  <div id="app">
      <A></A>
      <B></B>
      <C></C>
      <!-- $event获取事件形参 -->
      <!-- $event.target.value -->

  </div>
</template>

<script>
import A from './components/A.vue'
import B from './components/B.vue'
import C from './components/C.vue'

export default {
  name: 'App',
  components: {
    A,
    B,
    C
  },
}
</script>

<style>
body{
  margin: 0;
}
#app {
  margin: auto;
  height: 500px;
  width: 40vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>
